<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>宠四方</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link  rel="stylesheet" href="resources/css/c4f.css" />
	<script src="resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.d.imagechange.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="resources/js/jquery.flow.1.2.auto.js"></script>	
	<script type="text/javascript" src="resources/js/jquery.rate.js"></script>
</head>
<body>
	

	
<div class="bdbox">
	<div class="innerbox">
		<div class="topp">
			<span class="uinfo"><a href="###">免费注册</a><a href="###">登录</a></span>
			<span class="cities">
				<a class="lc">切换城市:</a>
				<a href="###" class="active">北京</a>
				<a href="###" >上海</a>
				<a href="###" >深圳</a>
				<a href="###" >广州</a>
				<a href="###" >重庆</a>
				<a href="###" class="othercities" >其他城市</a>
			</span>
		</div>
		
		<div class="logobox">
			<a href="###" class="hdlogo" title="宠四方首页">logo</a>
			
			<div class="searchbox">
				<ol class="qtypes" id="qtypes">
					<li class="ctype">全部</li>
					<li>宠物</li>
					<li>宠友</li>
					<li>论坛</li>
					<li>分类</li>
					<li>服务商</li>
				</ol>
				<div class="qbox">
					<input type="text" class="txtq" placeholder="关键字" />
					<input type="button" class="btnq" value="搜索" />
				</div>
			</div>
			<script type="text/javascript">$("#qtypes >li").click(function(){$("#qtypes .ctype").removeClass("ctype");$(this).addClass("ctype");});</script>
			
			<div class="rtm">
				<a href="###">免费发布个人信息</a>
				<a href="###">免费发布个人信息</a>
			</div>
			<!--[if gt IE 6]>
			<div class="navbg"></div>
			<![endif]-->
			<div class="nav" id="nav">
				<ul>
					<li class="pngfix  nav1"><a href="###" class="navitem">首页</a></li>
					<li class="pngfix  nav2"><a href="###" class="navitem">宠物有约</a></li>
					<li class="pngfix  nav3" id="nav3">
						<a href="###"  class="navitem">论坛</a>
						<div class="navsub" id="nav3sub">
							<a href="###">宠宠有约宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
						</div>
					</li>
					<li class="pngfix  nav4"><a href="###"  class="navitem">咨询</a></li>
					<li class="pngfix  nav5"><a href="###"  class="navitem">分类</a></li>
					<li class="pngfix  nav6"><a href="###"  class="navitem">商户</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				$("#nav li").hover(function(){
					$(".navsub",this).show("fast");
				},function(){
					$(".navsub",this).hide();
				});
			</script>
		</div>
		
		<div class="cnav">
			<span class="cnavright">
				北京分类信息 &nbsp; 共13622条信息&nbsp;
				<a href="###" class="rss">RSS订阅</a>
			</span>
			<span class="current">
				<a href="###">首页</a>&gt;&gt;<a href="###">宠物服务</a>&gt;&gt;<a href="###">宠物市场</a>&gt;&gt;<a href="###">通州狗市</a>
			</span>
		</div>
		
		<div class="c2container clearfix">
			<div class="c2left">
				<div class=" mdetail">
					<div class="imgc">
						<a href="###"><img src="demoimages/m.jpg" /></a>
						<p>
							<a href="###">共12张照片</a>|<a href="###">上传照片</a>
						</p>
					</div>
					<div class="minfoitem mbasic">
						<a class="mselect" href="###" id="selm"><span id="cursubm">石景山分店</span></a>
						<b class="mname">通州梨园狗市</b>
						<b class="mregion" >(<a href="###">通州</a>-<a href="###">梨园</a>)</b>
						<div class="subm" id="subm">
							<a href="###">朝阳门分店</a>
							<a href="###">中关村店</a>
							<a href="###">西城店</a>
							<a href="###">丰台店</a>
						</div>
						<script type="text/javascript">
							$(function(){
								function hidem(){
									$("> .tempselm",document.body).remove();
									$(document.body).unbind("click",hidem);
								}
								$("#selm").click(function(e){
									var $selm=$("#selm");
									$("#subm").clone().appendTo(document.body).addClass("tempselm").css({
										left: $selm.offset().left,
										top: $selm.offset().top + $selm.outerHeight()
									}).show().children("a").click(function(){
										$("#cursubm").html($(this).html());
										//市场点击动作
									});
									$(document.body).bind("click",hidem);
									e.stopPropagation();
								});
							});
						</script>
					</div>
					<div class="minfoitem mrate">
						<span class="inlineblock srate srate2">&nbsp;</span>
						<a href="###">38次点评</a>
					</div>
					<div class="minfoitem">
						地址：浦东新区潍坊路12号
					</div>
					<div class="minfoitem">
						电话：010-88888888
					</div>
					<div class="minfoitem">
						标签： 
						<a href="###">狗市</a>
						<a href="###">宠物</a>
						<a href="###">宠物市场</a>
						<a href="###">狗市</a>
					</div>
					<div class="minfoitem">
						生活圈： 
						<a href="###">通州区</a>&gt;
						<a href="###">梨园</a>&gt;
						<a href="###">贵友大厦通州店</a>
					</div>
					<div class="minfoitem mbtns">
						<a href="###" class="inlineblock mcommentbtn">&nbsp;</a>
						<a href="###" class="inlineblock mbtn2">我去过</a>
						<a href="###"  class="inlineblock mbtn2">我想去</a>
						<a href="###" class="inlineblock mntn">加入收藏</a>
						<a href="###" class="inlineblock mntn">报错/修正</a>
					</div>
					<div class="minfoitem mshare">
						分享：
						<a href="#"><img alt="" src="resources/images/eico55.jpg" /></a>
						<a href="###"><img alt="" src="resources/images/eico56.jpg" /></a>
						<a href="#"><img alt="" src="resources/images/eico57.jpg" /></a>
						<a href="#"><img alt="" src="resources/images/eico58.jpg" /></a>
						<a href="#"><img alt="" src="resources/images/eico59.jpg" /></a>
						<a href="#"><img alt="" src="resources/images/eico60.jpg" /></a>
					</div>
				</div>
				<div class="c4fmcmt">
					<h2>宠四方点评：</h2>
					<p><a href="###">
						北京“最大”的狗市。离市区“很远”，卖的多是“伴侣犬”。品种倒是“多”，但是质量“堪忧”，建议带上懂行的朋友一同前往，以免被狗贩“忽悠”。宠物用品“值得一买”，种类多到“眼花缭乱”，价格也“特别便宜”。
					</a></p>
				</div>
				<div class="mfansc">
					<h2>去过和想去的网友</h2>
					<div class="mfans clearfix">
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
						<a href="###">
							<img src="demoimages/bbsitem.gif" />
							<span>豆豆蛋蛋</span>
						</a>
					</div>
				</div>
				<div class="mcommentsc">
					<div class="mcommentscr"><label  class="inlineblock">140点评:</label><a href="###"id="csort" class="inlineblock csort"><span id="curcsort">按时间排序</span></a></div>
					<h2>网友点评：</h2>
					<div class="msorttype" id="msorttype">
						<a href="###">按时间排序</a>
						<a href="###">按评价排序</a>
						<a href="###">按支持排序</a>
					</div>
					<script type="text/javascript">
							$(function(){
								function hidem(){
									$("> .tempselmsorttype",document.body).remove();
									$(document.body).unbind("click",hidem);
								}
								$("#csort").click(function(e){
									var $selm=$("#csort");
									$("#msorttype").clone().appendTo(document.body).addClass("tempselmsorttype").css({
										left: $selm.offset().left,
										top: $selm.offset().top + $selm.outerHeight()
									}).show().children("a").click(function(){
										$("#curcsort").html($(this).html());
										//排序类型点击动作
									});
									$(document.body).bind("click",hidem);
									e.stopPropagation();
								});
							});
						</script>
					<ol>
						<li>
							<b class="cnum">#1</b>
							<span class="imgc"><img src="demoimages/bbsitem.gif" /></span>
							<div class="cdetail">
							<p class="crate">
								<span class="cbtn">
									<a href="###" class="inlineblock btncreply">回复</a>
									<a href="###" class="inlineblock btncding">支持(123)</a>
								</span>
								<span class="inlineblock  srate srate5">&nbsp;</span>
								发表于5小时23小时前
							</p>
							<p class="cbd">
								朋友买狗的时候跟着一起去溜达过，感觉比较乱，同去的几个朋友每一个是懂行的。其实就是玩去了。
好狗有不少，价格太贵。一般的狗怕有病，只好随便看看，长长见识。
							</p>
							</div>
						</li>
						<li class="even">
							<b class="cnum">#2</b>
							<span class="imgc"><img src="demoimages/bbsitem.gif" /></span>
							<div class="cdetail">
							<p class="crate">
								<span class="cbtn">
									<a href="###" class="inlineblock btncreply">回复</a>
									<a href="###" class="inlineblock btncding">支持(123)</a>
								</span>
								<span class="inlineblock  srate srate2">&nbsp;</span>
								发表于5小时23小时前
							</p>
							<p class="cbd">
								朋友买狗的时候跟着一起去溜达过，感觉比较乱，同去的几个朋友每一个是懂行的。其实就是玩去了。
好狗有不少，价格太贵。一般的狗怕有病，只好随便看看，长长见识。
							</p>
							</div>
						</li>
						<li>
							<b class="cnum">#3</b>
							<span class="imgc"><img src="demoimages/bbsitem.gif" /></span>
							<div class="cdetail">
							<p class="crate">
								<span class="cbtn">
									<a href="###" class="inlineblock btncreply">回复</a>
									<a href="###" class="inlineblock btncding">支持(123)</a>
								</span>
								<span class="inlineblock  srate srate4">&nbsp;</span>
								发表于5小时23小时前
							</p>
							<p class="cbd">
								朋友买狗的时候跟着一起去溜达过，感觉比较乱，同去的几个朋友每一个是懂行的。其实就是玩去了。
好狗有不少，价格太贵。一般的狗怕有病，只好随便看看，长长见识。
							</p>
							</div>
						</li>
						<li  class="even">
							<b class="cnum">#4</b>
							<span class="imgc"><img src="demoimages/bbsitem.gif" /></span>
							<div class="cdetail">
							<p class="crate">
								<span class="cbtn">
									<a href="###" class="inlineblock btncreply">回复</a>
									<a href="###" class="inlineblock btncding">支持(123)</a>
								</span>
								<span class="inlineblock  srate srate5">&nbsp;</span>
								发表于5小时23小时前
							</p>
							<p class="cbd">
								朋友买狗的时候跟着一起去溜达过，感觉比较乱，同去的几个朋友每一个是懂行的。其实就是玩去了。
好狗有不少，价格太贵。一般的狗怕有病，只好随便看看，长长见识。
							</p>
							</div>
						</li>
					</ol>
				</div>
				<a href="###" class="cmorec"><b>更多点评</b></a>
				<div class="creplyc">
					<h2>我要点评：</h2>
					<p>总体点评：<span class="inlineblock" style="width:200px;"><span id="mrate"></span></span></p>
					<script type="text/javascript">
							$(function(){
								 $("#mrate").rate({
								        onrate: function(rate){alert(rate);}
								    });
							});
						</script>
					<p>点评</p>
					<textarea class="txtcreply"></textarea>
					<p class="creplyp">
						<span class="creplybtnc">
							<a href="###" class="inlineblock creplybtn">提交点评</a>
						</span>
						<span class="ctags">
							标签：
							<span class="pretags" id="pretags"><a href="###">宠物</a><a href="###">服务</a></span>
							<input type="text" name="ctxttags" class="ctxttags" id="ctxttags" />自行添加标签，多个用逗号分开
							<script type="text/javascript">
								$(function(){
									$("#pretags a").click(function(){
										var v = $("#ctxttags").val();
										var t = $(this).html();
										if (v.indexOf("," + t) == -1 && v != t && v.indexOf(t) != 0 ) {
											$("#ctxttags").val(v + (v == "" ? "" : ",") + t);
										}
									});
								});
							</script>
						</span>
					</p>
				</div>
			</div>
			<div class="c2right wireframeright">
				<div style="margin:5px 0px; height:400px; background-color:#ccc;">map</div>
				<div class="cf2rt cf2rbbst pngfix"><a href="###" class="more">更多</a>附近商户</div>
					<div class="cf2rc cf2rbbsc ">
						<ul>
							<li>
								<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
								<p>亲亲宝贝宠物用品</p>
								<p><a href="###">通州</a>-松狮犬</p>
							</li>
							<li>
								<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
								<p>亲亲宝贝宠物用品</p>
								<p><a href="###">通州</a>-松狮犬</p>
							</li>
							<li >
								<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
								<p>亲亲宝贝宠物用品</p>
								<p><a href="###">通州</a>-松狮犬</p>
							</li>
							<li>
								<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
								<p>亲亲宝贝宠物用品</p>
								<p><a href="###">通州</a>-松狮犬</p>
							</li>
							<li>
								<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
								<p>亲亲宝贝宠物用品</p>
								<p><a href="###">通州</a>-松狮犬</p>
							</li>
							<li >
								<a href="###" class="bbsdogimg"><img src="demoimages/bbsitem.gif" /></a>
								<p>亲亲宝贝宠物用品</p>
								<p><a href="###">通州</a>-松狮犬</p>
							</li>
						</ul>
					</div>
					
					<div style="margin:5px 0px; height:100px; background-color:#ccc;">ad</div>
					<div class="cf2rt cf2radt"><a href="###" class="more">更多</a>你可能还感兴趣</div>
						<div class="cf2rc cf2radc">
							<ul>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">1</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">2</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">3</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">4</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">5</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">6</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">7</span>
								</li>
							</ul>
						</div>
					<div style="margin:5px 0px; height:100px; background-color:#ccc;">ad</div>
					<div class="cf2rt cf2radt"><a href="###" class="more">更多</a>最近加入商户</div>
						<div class="cf2rc cf2radc">
							<ul>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">1</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">2</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">3</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">4</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">5</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">6</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">7</span>
								</li>
							</ul>
						</div>
			</div>
		</div>
		
		
		<div class="bottomimgs">
			<a href="###" class="dog"></a>
			<a href="###" class="cat"></a>
			<a href="###" class="other"></a>
		</div>
		
		<div class="buttom">
			<a href="###">联系我们</a>
			<a href="###">关于我们</a>
			<a href="###">广告投放</a>
			<a href="###">电话咨询</a>
		</div>
		<div class="copyright">
			2011&copy;荣中广告（中国）有限公司
		</div>
		
	</div>
</div>
<!--[if IE 6]>
<script type="text/javascript" src="resources/js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>
  DD_belatedPNG.fix('.pngfix');
</script>
<![endif]-->
</body>
</html>